


.upload-file{
    .upload-list{
        display: inline-block;
        width:80px;
        height: 80px;
        text-align: center;
        line-height: 80px;
        border: 1px solid transparent;
        border-radius: 4px;
        overflow: hidden;
        background: #fff;
        position: relative;
        box-shadow: 0 1px 1px rgba(0,0,0,.2);
        margin-right: 4px;
        img{
            width: 100%;
            height: 100%;
        }
    }
    .upload{
        background: #fff;
        border: 1px dashed #dddee1;
        border-radius: 4px;
        text-align: center;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        width: 80px;
        height: 80px;
        display: inline-block;
        transition: border-color .2s ease;
        input[type="file"]{
            opacity: 0;
            .absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
        }
    }
    .upload-drag{
        width: 100%;
        height: 100%;
        .flex;
        .flex-middlecenter;
        i{
            color: @default-color;
        }
    }
}

